<script setup>
import mHeader from '@/views/components/m-header.vue'
import { ref } from 'vue'

const active = ref(0)
</script>

<template>
  <mHeader></mHeader>
  <van-tabs v-model:active="active" sticky :offset-top="0">
    <van-tab title="推荐" to="/recommend"></van-tab>
    <van-tab title="歌手" to="/singer"></van-tab>
    <van-tab title="排行" to="/ranking"></van-tab>
    <van-tab title="搜索" to="/search"></van-tab>
  </van-tabs>

  <div style="height: 180vh; background-color: aquamarine">
    <RouterView></RouterView>
  </div>

  <!-- {{ albums }}
  {{ sliders }} -->
</template>

<style></style>
